.inforStatic-container {
  width: 100%;
  height: 100%;
  /* background: url(../../../assets/images/content-bg.png); */
  background-size: 100% 100%;
  padding: 24px 22px 0 0;
  display: flex;
}
.inforStatic-left {
  width: 282px;
  height: 100%;
  display: flex;
}
.inforStatic-left-bg {
  width: 33px;
  /* height: 100%; */
  background: url(../../../assets/images/infostatic/list-bg.png);
  background-size: 100% 100%;
}
.inforStatic-left-textBox {
  width: calc(100% - 33px);
  padding-top: 32px;
}
.content-active {
  background: url(../../../assets/images/infostatic/content-bg-active.png) !important;
  background-size: 100% 100% !important;
  color: #ff9100 !important;
}
.content {
  width: 155px;
  height: 46px;
  line-height: 46px;
  background: url(../../../assets/images/infostatic/content-bg.png);
  background-size: 100% 100%;
  padding-left: 55px;
  color: #b3e3fe;
  font-size: 15px;
  margin-top: 42px;
  cursor: pointer;
}
.inforStatic-container-right {
  width: calc(100% - 210px);
  height: 99%;
  display: flex;
  /* padding-left: 3%; */
  position: relative;
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  .content {
    width: 138px;
    height: 32px;
    line-height: 32px;
    margin-top: 27px;
    font-size: 14px;
    margin-top: 18px;
    padding-left: 50px;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
  .content {
    height: 40px;
    line-height: 40px;
    margin-top: 27px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1679px) {
  .content {
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1900px) {
  /* .content {
        height: 40px;
        line-height: 40px;
        margin-top: 25px;
    } */
}
